/**
 * Created by Administrator on 2016/8/3.
 */
$(function() {
    //响应式设置
    $(function(){
        function fullwidth(){
            if($('body').width() >= 1000){
                $('html').css('font-size',100 + 'px');
                return ;
            }
            var scale = $('body').width() / 1000;
            $('html').css('font-size',scale * 100 + 'px' );
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })
    });

    $('.order_one li:nth-child(1)').hover(function(){
        $('#menu_bar').slideDown('slow');
    }).mouseleave(function(){
        $('#menu_bar').slideUp('slow');
    });


    //品牌图片
    $('.px img').each(function(){
        var i = $(this).index();
        $(this).click(function(){
            $('#main p:nth-child(1) span:nth-child(2) ').show();
            $('.px img').css('border','1px solid #dfdfdf').eq(i).css('border','2px solid #f10180');
            var txt = $('.no span').eq(i).html();
            $('#main p:nth-child(1) span:nth-child(2) b').html(txt);
            $('.tabmain').eq(i).css('display','block').siblings('.tabmain').css('display','none');
        })
    });
    $('#main p:nth-child(1) span:nth-child(2) e').click(function(){
        $('.px img').css('border','1px solid #dfdfdf');
        $('#main p:nth-child(1) span:nth-child(2) ').hide();
        $('.tabmain:first').css('display','block').siblings('.tabmain').css('display','none');
    });
    //图片效果
    $('.tabmain').delegate('td','mouseover',function(){
        $(this).addClass('tash').children().children('.yincang').css('display','block');
        $('.rh').mouseover(function(){
            $(this).css('color','red');
        }).mouseout(function(){
            $(this).css('color','#333');
        })
    }).delegate('td','mouseout',function(){
        $(this).removeClass('tash').children().children('.yincang').css('display','none');
    })

    //数字遍历效果
    $('.shuzi section').each(function() {
        var i = $(this).index();
        $(this).mouseover(function () {
            $(this).not('.hui').not('.rere').not('.gud').addClass('bor').css('color','red')
        }).mouseleave(function () {
                $(this).not('.hui').not('.rere').not('.gud').removeClass('bor').css('color','#333');
            })
    });
    $(this).click(function(){
        $('.shuzi section').removeAttr('style');
        $(this).not('.hui').not('.gud').not('.bai').css({"background":"red","color":"white"}).siblings().
            css({"background":"#f5f5f5","color":"#333","border":"1px solid #dfdfdf"});
    })
});
